<template>
  <div>
    <p>Prop watch with select input</p>
    <PropWatch :selected="testValue" />
  </div>
</template>
<script>
import { ref, onMounted } from 'vue';
import PropWatch from './PropWatch.vue';

export default {
  name: "ContainerWCP",
  components: {
    PropWatch
  },
  setup(props, context) {
    const testValue = ref("initial");

    onMounted(() => {
      setTimeout(() => {
        console.log("Changing input prop value after 3s delay");
        testValue.value = "changed";
      }, 3000);
    });
    return {
      testValue
    }
  }
}
</script>
<style lang="">

</style>